var table = layui.table

// 第一个实例
var tableIns = table.render({
	elem: '#customerList'
	, url: '/customer/list'
	, page: true
	, limit: 10
	, response: {
		statusCode: 200 //重新规定成功的状态码为 200，table 组件默认为 0
	}
	, parseData: function(res) { //res 即为原始返回的数据
		return {
			"code": res.code, //解析接口状态
			"msg": res.msg, //解析提示文本
			"count": res.data.count,
			"data": res.data.records //解析数据列表
		};
	}
	, cols: [[
		{ field: 'realName', title: '真实姓名' }
		, { field: 'sex', title: '性别' }
		, { field: 'age', title: '年龄' }
		, { field: 'phone', title: '手机号码' }
		, { field: 'createTime', title: '创建时间' }
		, { title: '操作', toolbar: '#barDemo' }
	]]
});


// 按条件查询
function query() {
	var requestParams = {
		"realName":$("#realName").val(),
		"phone":$("#phone").val()
	};
	tableIns.reload({
		where: { //设定异步数据接口的额外参数，任意设    111
			requestParams: requestParams
			//realName: $("#realName").val()
			//, phone: $("#phone").val()
			//'like$real_name': $("#realName").val()
			//, 'like$phone': $("#phone").val()
			//…
		}
		, page: {
			curr: 1 //重新从第 1 页开始
		}
	});

}

function toAdd() {
	openLayer('/customer/toAdd', '新增客户');

	layui.form.render();

	mySubmit('addSubmit', 'POST');

}

//监听工具条
table.on('tool(test)', function(obj) { //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
	var data = obj.data; //获得当前行数据
	var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
	var tr = obj.tr; //获得当前行 tr 的 DOM 对象（如果有的话）

	let customerId = data.customerId;

	if (layEvent === 'detail') { //查看
		//do somehing
		openLayer('/customer/toDetail/' + customerId, '客户详情')
	} else if (layEvent === 'del') { //删除
		layer.confirm('真的删除行么', function(index) {

			myDelete("/customer/" + customerId);

			layer.close(index);
			//向服务端发送删除指令
		});
	} else if (layEvent === 'edit') { //编辑
		//do something
		openLayer('/customer/toUpdate/' + customerId, '修改客户')
		layui.form.render();
		mySubmit("updateSubmit", "PUT")

		//同步更新缓存对应的值
		obj.update({
			username: '123'
			, title: 'xxx'
		});
	}
});


